<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单作业</title>
</head>
<body>
<!--
    table>tr*10>td>input + tab

    name: 前端的关键字 不能用于规定为普通文本名称
    value:
        1.文本框 - 表示默认在框中显示的内容 可更改 用户输入的内容也会保存在value属性中
        2.按钮 - 表示按钮的显示名称
    maxlength: 输入框允许输入的最大长度
    readonly: 只读 只允许查看 不允许编辑 - 单值属性 属性名和属性值同名 省略属性值保留属性名
    placeholder: 提示文本占位符
    单选按钮:
        1.name属性: 同名的单选按钮才可以进行单选 未规定或name属性值不同的单选按钮无法实现单选效果 都可以选中
        2.value属性: 若未设置该属性 则默认上传的属性值为'on'
        3.checked单值属性: 表示默认选中指定单选按钮
    多选按钮:
        1.value属性同理,表示将默认的属性值'on'改为特定内容
        2.checked属性同理
    下拉选框:
        1.value属性: 表示提交时的属性值
    若标签内属性名被删除线修饰 表示该属性写法为过期写法 但是不影响使用
-->
<h1>欢迎注册</h1>

<table border="1px">
    <form action="#">
        <tr>
            <td>用户名</td>
            <td>
                <input type="text" name="username" value="张三" maxlength="6">
            </td>
        </tr>
        <tr>
            <td>密码</td>
            <td>
                <input type="password" name="password" placeholder="请输入密码">
            </td>
        </tr>
        <tr>
            <td>性别</td>
            <td>
                <input type="radio" name="gender" value="m" checked>男
                <input type="radio" name="gender" value="w">女
            </td>
        </tr>
        <tr>
            <td>爱好</td>
            <td>
                <input type="checkbox" name="hobby" value="cy" checked>抽烟
                <input type="checkbox" name="hobby" value="hj">喝酒
                <input type="checkbox" name="hobby" value="tt">烫头
            </td>
        </tr>
        <tr>
            <td>地址</td>
            <td>
                <input type="text" name="address">
            </td>
        </tr>
        <tr>
            <td>生日</td>
            <td>
                <input type="date" name="birthday">
            </td>
        </tr>
        <tr>
            <td>靓照</td>
            <td>
                <input type="file" name="avatar"><!--avatar: 头像-->
            </td>
        </tr>
        <tr>
            <td>所在地</td>
            <td>
                <select name="city">
                    <option value="sd" selected>山东</option>
                    <option value="bj">北京</option>
                    <option value="sh">上海</option>
                </select>
            </td>
        </tr>
        <tr align="center">
            <td colspan="2">
                <input type="checkbox" name="ok" value="1" id="y"><!--id表示唯一-->
                <label for="y">我同意此协议</label><!--关联标签-->
            </td>
        </tr>
        <tr align="center">
            <td colspan="2">
                <!--按钮上的value=""属性可更改按钮显示的内容-->
                <input type="submit" value="注册">
            </td>
        </tr>

    </form>
</table>
</body>
</html>